{% extends 'base.html' %}
{% block body %}
<div class="po_banner" style="height:294px;background:url('{{product.0.images_url}}') center center  no-repeat;">
    </div>
    <div class="w1400 po_main clear">
        <div class="left left_nav">
            <h2>
                产品中心
            </h2>
            <div class="accordion" id="accordionExample">
                <div class="card">
                    {% for i in product_type_list %}
                    <h3 class="btn btn-link btn-block text-left piece" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                         <a href="/product_type/{{i.product_type_id}}" style="color:#fff">{{i.product_type}}</a>
                         <span class="caret"></span>
                    </h3>
                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                        <div class="card-body">
                            <ul class="list-group">
                                {% for k in i.product %}
                                    <li class="list-group-item"><a href="/product_list/{{k.id}}">>{{k.name}}</a></li>
                                {% endfor %}
                                </ul>
                        </div>
                    </div>
                    {% endfor %}
                </div>

            </div>
        </div>
        <div class="left product_details clear">
            <div class="clear">
            <div class="pro_img left">
                <img src="{{product_parm.images_url}}"/>
            </div>
            <div class="pro_text left">
                <h2>
                    {{product_parm.title}}
                </h2>
                <h5>
                     {{product_parm.product_model}}
                </h5>
                <h4>
                    产品概述
                </h4>
                <p>
                    {{product_parm.description}}
                </p>
                <div class="po_download">
                    <h6>
                        >相关资料下载
                    </h6>
                    <ul>
                        {% for i in down_load %}
                        <li class="clear">
                            <a class="file_name">{{i.name}}</a>
                            <a class="file_down_load" href="{{i.file_link }}" download="{{i.name}}">点击下载</a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            </div>
                <div class="pro_parameter">
                    {{product_parm.customize_description}}
                </div>
            </div>

    </div>
{% endblock %}